<%--
  Created by IntelliJ IDEA.
  User: snow
  Date: 2016/6/14
  Time: 11:34
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/views/commons/taglibs.jsp"%>

<nav class="nav navbar-default navbar-mystyle navbar-fixed-top" style="z-index: 999">
  <div class="navbar-header">
    <%--<button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">--%>
      <%--<span class="icon-bar"></span>--%>
      <%--<span class="icon-bar"></span>--%>
      <%--<span class="icon-bar"></span>--%>
    <%--</button>--%>
    <div>
      <a class="navbar-brand mystyle-brand" style=" background: transparent; padding: 6px 3px;"><img src="${basePath}/admin/sys/system/logo_img" style="width:40px; " alt=""></a>
      <a href="#" class="console"><span>${logoText}</span></a>
    </div>
  </div>
  <div class="collapse navbar-collapse">
    <div class="ali-common-header">
      <div class="ali-common-header-inner common-header-clearfix">
        <ul class="feilong-menu item pull-left" id="J_common_header_menu" data-spm="201">
          <li class="top-menu-item" has-dropdown="true" menu-type="product" data-spm-click="">
          <span class="menu-hd">
            产品
          </span>
            <div class="menu-dropdown common-header-clearfix" style="width: 1349px;">
              <div class="menu-dropdown-inner">
                <div class="menu-dropdown-sidebar pull-left">
                  <a data-spm-click="gostr=/aliyun;locaid=" class="common-header-clearfix active" href="javascript:void(0);" sidebar-type="ecs">
                    首页
                    <span class="icon pull-right">
                  </span>
                  </a>
                  <a data-spm-click="gostr=/aliyun;locaid=" class="common-header-clearfix" href="javascript:void(0);" sidebar-type="database">
                    云服务MPP
                    <span class="icon pull-right">
                  </span>
                  </a>
                  <a data-spm-click="gostr=/aliyun;locaid=" class="common-header-clearfix" href="javascript:void(0);" sidebar-type="cdn">
                    开发套件
                    <span class="icon pull-right">
                  </span>
                  </a>
                  <a data-spm-click="gostr=/aliyun;locaid=" class="common-header-clearfix" href="javascript:void(0);" sidebar-type="network">
                    项目管理
                    <span class="icon pull-right">
                  </span>
                  </a>
                  <a data-spm-click="gostr=/aliyun;locaid=" class="common-header-clearfix" href="javascript:void(0);" sidebar-type="bigdata">
                    数据开发
                    <span class="icon pull-right">
                  </span>
                  </a>
                  <a data-spm-click="gostr=/aliyun;locaid=" class="common-header-clearfix" href="javascript:void(0);" sidebar-type="yundun">
                    运维中心
                    <span class="icon pull-right">
                  </span>
                  </a>
                  <a data-spm-click="gostr=/aliyun;locaid=" class="common-header-clearfix" href="javascript:void(0);" sidebar-type="manage">
                    数据管理
                    <span class="icon pull-right">
                  </span>
                  </a>
                  <a data-spm-click="gostr=/aliyun;locaid=" class="common-header-clearfix" href="javascript:void(0);" sidebar-type="service">
                    数据集成
                    <span class="icon pull-right">
                  </span>
                  </a>
                  <a data-spm-click="gostr=/aliyun;locaid=" class="common-header-clearfix" href="javascript:void(0);" sidebar-type="middleware">
                    可视化
                    <span class="icon pull-right">
                  </span>
                  </a>
                  <a data-spm-click="gostr=/aliyun;locaid=" class="common-header-clearfix" href="javascript:void(0);" sidebar-type="mobileservice">
                    机器学习
                    <span class="icon pull-right">
                  </span>
                  </a>
                </div>
                <div class="menu-dropdown-content">
                  <!-- 下拉右侧内容 -->
                  <!-- 模板一： -->
                  <div style="display: block;" class="item-sub ecs-bg tpl1 product-bg-common common-header-clearfix" sidebar-type="ecs">
                    <div class="menu-dropdown-bd menu-dropdown-split-line">
                      <div class="menu-dropdown-down-item">
                        <a href="http://www.aliyun.com/product/ecs/">
                          <h4>
                            云服务器 ECS
                          </h4>
                          <div class="desc">
                            可弹性扩展、安全稳定、简单易用的计算服务&nbsp;
                          </div>
                        </a>
                      </div>
                      <div class="menu-dropdown-down-item">
                        <a href="http://www.aliyun.com/product/disk/">
                          <h4>
                            块存储
                          </h4>
                          <div class="desc">
                            可弹性扩展、高性能、高可靠的块级随机存储&nbsp;
                          </div>
                        </a>
                      </div>
                      <div class="menu-dropdown-down-item">
                        <a href="http://www.aliyun.com/product/ace/">
                          <h4>
                            云引擎 ACE
                          </h4>
                          <div class="desc">
                            弹性、分布式的应用托管环境&nbsp;
                          </div>
                        </a>
                      </div>
                      <div class="menu-dropdown-down-item">
                        <a href="http://www.aliyun.com/product/ess/">
                          <h4>
                            弹性伸缩
                          </h4>
                          <div class="desc">
                            自动调整弹性计算资源的管理服务&nbsp;
                          </div>
                        </a>
                      </div>
                      <div class="menu-dropdown-down-item">
                        <a href="http://www.aliyun.com/product/containerservice/">
                          <h4>
                            容器服务（公测中）
                          </h4>
                          <div class="desc">
                            运行和管理 Docker容器&nbsp;
                          </div>
                        </a>
                      </div>
                    </div>
                    <div class="menu-dropdown-bd">
                      <div class="menu-dropdown-down-item">
                        <h5 class="topic-hd">
                          最新特性
                        </h5>
                        <ul class="desc">
                          <li>
                            <i class="list-style">
                              ●
                            </i>
                            <a target="_blank" href="http://www.aliyun.com/act/aliyun/gaoxiaoyunpan.html&nbsp;" class="desc-li-txt">
                              ECS高效云盘上线&nbsp;
                            </a>
                          </li>
                          <li>
                            <i class="list-style">
                              ●
                            </i>
                            <a target="_blank" href="http://www.aliyun.com/act/aliyun/usaaz2.html&nbsp;" class="desc-li-txt">
                              ECS美国硅谷第二可用区开放&nbsp;
                            </a>
                          </li>
                          <li>
                            <i class="list-style">
                              ●
                            </i>
                            <a target="_blank" href="http://www.aliyun.com/act/aliyun/singaporesale.html&nbsp;" class="desc-li-txt">
                              ECS等10余款产品开放新加坡地域&nbsp;
                            </a>
                          </li>
                          <li>
                            <i class="list-style">
                              ●
                            </i>
                            <a target="_blank" href="http://help.aliyun.com/knowledge_detail.htm?knowledgeId=6527514&nbsp;" class="desc-li-txt">
                              ECS镜像共享功能上线&nbsp;
                            </a>
                          </li>
                          <li>
                            <i class="list-style">
                              ●
                            </i>
                            <a target="_blank" href="http://bbs.aliyun.com/read/241167.html&nbsp;" class="desc-li-txt">
                              SSD云盘和IO优化型实例免费公测&nbsp;
                            </a>
                          </li>
                        </ul>
                      </div>
                    </div>
                  </div>
                  <!-- 模板二： -->
                  <!-- 模板一： -->
                  <div style="display: none;" class="item-sub database-bg tpl1 product-bg-common common-header-clearfix" sidebar-type="database">
                    <div class="menu-dropdown-bd menu-dropdown-split-line" style="width: 380px">
                      <div class="menu-dropdown-down-item">
                        <a href="#">
                          <h4 style="padding-bottom:6px">
                            仪表盘
                          </h4>
                        </a><div class="desc hover_bg" style="padding-top:10px"><a href="#">
                        <span style="padding: 10px 10px">完全兼容MySQL，SQLServer协议的关系型数据库服务</span>&nbsp;
                      </a><div class="Oul"><a href="#">
                      </a><a><input type="text" value="仪表盘"></a>
                        <a><input type="text" value="用户视图"></a>
                        <a><input class="input_bt" type="text" value="管理视图"></a>
                      </div>
                      </div>

                      </div>
                      <div class="menu-dropdown-down-item">
                        <a href="#">
                          <h4 style="padding-bottom:10px">
                            查询监控
                          </h4>
                          <div class="desc">
                            <span>三节点副本集保证高可用&nbsp;</span>
                          </div>
                        </a>
                      </div>
                      <div class="menu-dropdown-down-item">
                        <a href="#">
                          <h4>
                            主机性能
                          </h4>
                          <div class="desc">
                            在线缓存服务，为热点数据的访问提供高速响应&nbsp;
                          </div>
                        </a>
                      </div>
                      <div class="menu-dropdown-down-item">
                        <a href="#">
                          <h4>
                            集群性能
                          </h4>
                          <div class="desc">
                            兼容开源Redis协议的Key-Value类型在线存储服务&nbsp;
                          </div>
                        </a>
                      </div>
                      <div class="menu-dropdown-down-item">
                        <a href="#">
                          <h4>
                            查询历史
                          </h4>
                          <div class="desc">
                            海量数据实时高并发在线分析服务&nbsp;
                          </div>
                        </a>
                      </div>
                      <div class="menu-dropdown-down-item">
                        <a href="#">
                          <h4>
                            系统管理
                          </h4>
                          <div class="desc">
                            支持数据迁移及实时订阅同步的数据传输服务&nbsp;
                          </div>
                        </a>
                      </div>
                    </div>
                    <div class="menu-dropdown-bd" style="width: 380px">
                      <div class="menu-dropdown-down-item">
                        <h4 style="padding-bottom:6px">
                          状态监视
                        </h4>
                        <div class="desc hover_bg" style="padding-top:10px">
                          <span style="padding: 10px 10px">完全兼容MySQL，SQLServer协议的关系型数据库服务</span>&nbsp;
                          <div class="Oul">
                            <a><input type="text" value="节点状态"></a>
                            <a><input type="text" value="存储状态"></a>
                          </div>
                        </div>
                      </div>

                      <div class="menu-dropdown-down-item">
                        <a href="#">
                          <h4>
                            系统管理
                          </h4>
                          <div class="desc">
                          </div>
                        </a>
                      </div>

                      <div class="menu-dropdown-down-item">
                        <h4 style="padding-bottom:6px">
                          工单管理
                        </h4>
                        <div class="desc hover_bg" style="padding-top:10px">
                          <span style="padding: 10px 10px">完全兼容MySQL，SQLServer协议的关系型数据库服务</span>&nbsp;
                          <div class="Oul">
                            <a><input type="text" value="数据库申请"></a>
                            <a><input type="text" value="数据库审批"></a>
                            <a><input class="input_bt" type="text" value="自动化开通"></a>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <!-- 模板二： -->
                  <!-- 模板一： -->
                  <div style="display:none ;" class="item-sub cdn-bg tpl1 product-bg-common common-header-clearfix" sidebar-type="cdn">
                    <div class="menu-dropdown-bd menu-dropdown-split-line" style="width: 340px;">
                      <div class="menu-dropdown-down-item">
                        <a href="http://www.aliyun.com/product/oss/">
                          <h4>
                            对象存储 OSS
                          </h4>
                          <div class="desc">
                            海量、安全和高可靠的云存储服务&nbsp;
                          </div>
                        </a>
                      </div>
                      <div class="menu-dropdown-down-item">
                        <a href="http://www.aliyun.com/product/disk/">
                          <h4>
                            块存储
                          </h4>
                          <div class="desc">
                            可弹性扩展、高性能、高可靠的块级随机存储&nbsp;
                          </div>
                        </a>
                      </div>
                      <div class="menu-dropdown-down-item">
                        <a href="http://www.aliyun.com/product/ots/">
                          <h4>
                            表格存储
                          </h4>
                          <div class="desc">
                            NoSQL数据存储服务，提供海量结构化数据的存储和实时访问&nbsp;
                          </div>
                        </a>
                      </div>
                      <div class="menu-dropdown-down-item">
                        <a href="http://www.aliyun.com/product/oas/">
                          <h4>
                            归档存储
                          </h4>
                          <div class="desc">
                            海量数据的长期归档、备份服务&nbsp;
                          </div>
                        </a>
                      </div>
                      <div class="menu-dropdown-down-item">
                        <a href="http://www.aliyun.com/product/mns">
                          <h4>
                            消息服务
                          </h4>
                          <div class="desc">
                            可靠、海量、高并发的分布式消息通知服务&nbsp;
                          </div>
                        </a>
                      </div>
                      <div class="menu-dropdown-down-item">
                        <a href="http://www.aliyun.com/product/cdn/">
                          <h4>
                            CDN
                          </h4>
                          <div class="desc">
                            跨运营商、跨地域全网覆盖的网络加速服务&nbsp;
                          </div>
                        </a>
                      </div>
                    </div>
                    <div class="menu-dropdown-bd">
                      <div class="menu-dropdown-down-item">
                        <h5 class="topic-hd">
                          最新特性
                        </h5>
                        <ul class="desc">
                          <li>
                            <i class="list-style">
                              ●
                            </i>
                            <a target="_blank" href="http://promotion.aliyun.com/ntms/actstorages.html&nbsp;" class="desc-li-txt">
                              对象存储OSS预售资源包上线&nbsp;
                            </a>
                          </li>
                          <li>
                            <i class="list-style">
                              ●
                            </i>
                            <a target="_blank" href="http://docs.aliyun.com/?pos=1#/pub/oss/api-reference/access-control&amp;granting-permissions&nbsp;" class="desc-li-txt">
                              临时访问凭证STS上线&nbsp;
                            </a>
                          </li>
                          <li>
                            <i class="list-style">
                              ●
                            </i>
                            <a target="_blank" href="http://docs.aliyun.com/?pos=2#/pub/oss/product-documentation/function&amp;lifecycle&nbsp;" class="desc-li-txt">
                              生命周期管理功能上线&nbsp;
                            </a>
                          </li>
                          <li>
                            <i class="list-style">
                              ●
                            </i>
                            <a target="_blank" href="http://docs.aliyun.com/?#/pub/cdn/getting-started/monitor&nbsp;" class="desc-li-txt">
                              新增流量监控和用户访问分析功能&nbsp;
                            </a>
                          </li>
                          <li>
                            <i class="list-style">
                              ●
                            </i>
                            <a target="_blank" href="http://docs.aliyun.com/?#/pub/cdn/getting-started/other&nbsp;" class="desc-li-txt">
                              新增用户网络诊断工具&nbsp;
                            </a>
                          </li>
                        </ul>
                      </div>
                    </div>
                  </div>
                  <!-- 模板二： -->
                  <!-- 模板一： -->
                  <div style="display: none;" class="item-sub network-bg tpl1 product-bg-common common-header-clearfix" sidebar-type="network">
                    <div class="menu-dropdown-bd menu-dropdown-split-line">
                      <div class="menu-dropdown-down-item">
                        <a href="http://www.aliyun.com/product/slb/">
                          <h4>
                            负载均衡
                          </h4>
                          <div class="desc">
                            对多台云服务器进行流量分发的负载均衡服务&nbsp;
                          </div>
                        </a>
                      </div>
                      <div class="menu-dropdown-down-item">
                        <a href="http://www.aliyun.com/product/vpc/">
                          <h4>
                            专有网络 VPC
                          </h4>
                          <div class="desc">
                            帮您轻松构建逻辑隔离的专有网络&nbsp;
                          </div>
                        </a>
                      </div>
                    </div>
                    <div class="menu-dropdown-bd">
                      <div class="menu-dropdown-down-item">
                        <h5 class="topic-hd">
                          最新特性
                        </h5>
                        <ul class="desc">
                          <li>
                            <i class="list-style">
                              ●
                            </i>
                            <a target="_blank" href="http://help.aliyun.com/noticelist/articleid/6660943.html&nbsp;" class="desc-li-txt">
                              专有网络（VPC）产品公告&nbsp;
                            </a>
                          </li>
                        </ul>
                      </div>
                    </div>
                  </div>
                  <!-- 模板二： -->
                  <!-- 模板一： -->
                  <div style="display: none;" class="item-sub bigdata-bg tpl1 product-bg-common common-header-clearfix" sidebar-type="bigdata">
                    <div class="menu-dropdown-bd menu-dropdown-split-line">
                      <div class="menu-dropdown-down-item">
                        <a href="http://www.aliyun.com/product/odps/">
                          <h4>
                            大数据计算服务 ODPS
                          </h4>
                          <div class="desc">
                            针对TB/PB级数据的分布式处理服务,彻底解决大数据存储与运算瓶颈&nbsp;
                          </div>
                        </a>
                      </div>
                      <div class="menu-dropdown-down-item">
                        <a href="http://www.aliyun.com/product/batchcompute">
                          <h4>
                            批量计算（公测中）
                          </h4>
                          <div class="desc">
                            适用于大规模并行批处理作业的分布式云服务&nbsp;
                          </div>
                        </a>
                      </div>
                      <div class="menu-dropdown-down-item">
                        <a href="http://www.aliyun.com/product/cdp/">
                          <h4>
                            数据集成（公测中）
                          </h4>
                          <div class="desc">
                            稳定高效、弹性伸缩的数据同步平台&nbsp;
                          </div>
                        </a>
                      </div>
                      <div class="menu-dropdown-down-item">
                        <a href="http://www.aliyun.com/product/emapreduce">
                          <h4>
                            E-MapReduce（公测中）
                          </h4>
                          <div class="desc">
                            基于Hadoop/Spark的大数据处理分析服务&nbsp;
                          </div>
                        </a>
                      </div>
                      <div class="menu-dropdown-down-item">
                        <a href="http://www.aliyun.com/product/dpc">
                          <h4>
                            采云间（公测中）
                          </h4>
                          <div class="desc">
                            提供一站式数据开发和数据分析的平台。&nbsp;
                          </div>
                        </a>
                      </div>
                    </div>
                    <div class="menu-dropdown-bd">
                      <div class="menu-dropdown-down-item">
                        <h5 class="topic-hd">
                          最新特性
                        </h5>
                        <ul class="desc">
                          <li>
                            <i class="list-style">
                              ●
                            </i>
                            <a target="_blank" href="http://docs.aliyun.com/?erQPgP#/pub/odps/dhs/summary&nbsp;" class="desc-li-txt">
                              ODPS DataHub Service上线&nbsp;
                            </a>
                          </li>
                          <li>
                            <i class="list-style">
                              ●
                            </i>
                            <a target="_blank" href="http://blog.aliyun.com/2638&nbsp;" class="desc-li-txt">
                              采云间新增了数据质量应用&nbsp;
                            </a>
                          </li>
                          <li>
                            <i class="list-style">
                              ●
                            </i>
                            <a target="_blank" href="http://blog.aliyun.com/2500?pos=14&nbsp;" class="desc-li-txt">
                              数据集成控制台上线&nbsp;
                            </a>
                          </li>
                        </ul>
                      </div>
                    </div>
                  </div>
                  <!-- 模板二： -->
                  <!-- 模板一： -->
                  <div class="item-sub yundun-bg product-bg-common tpl2" sidebar-type="yundun" style="display:none;">
                    <div class="common-header-clearfix menu-dropdown-bd-wrap">
                      <div class="menu-dropdown-bd">
                        <div class="product-list common-header-clearfix">
                          <div class="menu-dropdown-down-item">
                            <a href="http://www.aliyun.com/product/sas/">
                              <h4>
                                态势感知
                              </h4>
                              <div class="desc">
                                安全大数据分析的威胁监测平台
                              </div>
                            </a>
                          </div>
                          <div class="menu-dropdown-down-item">
                            <a href="http://www.aliyun.com/product/ddosbasic/">
                              <h4>
                                基础防护
                                <span style="color:#999">
                                [网络安全]
                              </span>
                              </h4>
                              <div class="desc">
                                提供基础DDoS防护和应用防护
                              </div>
                            </a>
                          </div>
                          <div class="menu-dropdown-down-item">
                            <a href="http://www.aliyun.com/product/ddos/">
                              <h4>
                                DDoS高防IP
                                <span style="color:#999">
                                [网络安全]
                              </span>
                              </h4>
                              <div class="desc">
                                提供最高300G防护，按天计算
                              </div>
                            </a>
                          </div>
                          <div class="menu-dropdown-down-item">
                            <a href="http://www.aliyun.com/product/esn/">
                              <h4>
                                安全网络
                                <span style="color:#999">
                                [网络安全]
                              </span>
                              </h4>
                              <div class="desc">
                                集安全/加速/负载均衡为一体的网络接入产品
                              </div>
                            </a>
                          </div>
                          <div class="menu-dropdown-down-item">
                            <a href="http://www.aliyun.com/product/aegis/">
                              <h4>
                                安骑士
                                <span style="color:#999">
                                [服务器安全]
                              </span>
                              </h4>
                              <div class="desc">
                                服务器安全管理中心
                              </div>
                            </a>
                          </div>
                          <div class="menu-dropdown-down-item">
                            <a href="http://www.aliyun.com/product/vipaegis/">
                              <h4>
                                补丁管理
                                <span style="color:#999">
                                [服务器安全]
                              </span>
                              </h4>
                              <div class="desc">
                                自研漏洞补丁，云端一键修复漏洞
                              </div>
                            </a>
                          </div>
                          <div class="menu-dropdown-down-item">
                            <a href="http://www.aliyun.com/product/antifraud/">
                              <h4>
                                反欺诈
                                <span style="color:#999">
                                [业务安全]
                              </span>
                              </h4>
                              <div class="desc">
                                风险业务用户核实、防垃圾注册和营销作弊等服务
                              </div>
                            </a>
                          </div>
                        </div>
                      </div>
                      <div class="menu-dropdown-bd">
                        <div class="product-list common-header-clearfix">
                          <div class="menu-dropdown-down-item">
                            <a href="http://www.aliyun.com/product/lvwang/">
                              <h4>
                                绿网
                                <span style="color:#999">
                                [内容安全]
                              </span>
                              </h4>
                              <div class="desc">
                                专注违规信息安全监测及管控
                              </div>
                            </a>
                          </div>
                          <div class="menu-dropdown-down-item">
                            <a href="http://www.aliyun.com/product/cdi/">
                              <h4>
                                内容检测API
                                <span style="color:#999">
                                [内容安全]
                              </span>
                              </h4>
                              <div class="desc">
                                智能化色情、暴恐、垃圾等信息检测开放服务
                              </div>
                            </a>
                          </div>
                          <div class="menu-dropdown-down-item">
                            <a href="http://www.aliyun.com/product/hsm/">
                              <h4>
                                加密服务（公测中）
                                <span style="color:#999">
                                [数据安全]
                              </span>
                              </h4>
                              <div class="desc">
                                云上用户的数据加密解决方案
                              </div>
                            </a>
                          </div>
                          <div class="menu-dropdown-down-item">
                            <a href="http://www.aliyun.com/product/aps/">
                              <h4>
                                渗透测试
                                <span style="color:#999">
                                [专家服务]
                              </span>
                              </h4>
                              <div class="desc">
                                专业性入侵尝试，评估重大安全漏洞或隐患
                              </div>
                            </a>
                          </div>
                          <div class="menu-dropdown-down-item">
                            <a href="http://www.aliyun.com/product/ats/">
                              <h4>
                                网络安全专家服务
                                <span style="color:#999">
                                [专家服务]
                              </span>
                              </h4>
                              <div class="desc">
                                私家定制的攻防重保
                              </div>
                            </a>
                          </div>
                          <div class="menu-dropdown-down-item">
                            <a href="http://www.aliyun.com/product/xianzhi/">
                              <h4>
                                先知计划（公测中）
                                <span style="color:#999">
                                [专家服务]
                              </span>
                              </h4>
                              <div class="desc">
                                帮助企业建立“私有”漏洞收集中心
                              </div>
                            </a>
                          </div>
                          <div class="menu-dropdown-down-item">
                            <a href="http://www.aliyun.com/product/mss/">
                              <h4>
                                服务器安全托管
                                <span style="color:#999">
                                [专家服务]
                              </span>
                              </h4>
                              <div class="desc">
                                专属安全团队保障零入侵
                              </div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="item-sub-ft common-header-clearfix">
                      <div class="menu-dropdown-down-item">
                        <h4 class="tpl2-content-ft">
                          最新特性
                        </h4>
                        <ul class="desc common-header-clearfix">
                          <li>
                            <i class="list-style">
                              ●
                            </i>
                            <a target="_blank" href="http://www.aliyun.com/product/antifraud/&nbsp;" class="desc-li-txt">
                              反欺诈服务上线&nbsp;
                            </a>
                          </li>
                          <li>
                            <i class="list-style">
                              ●
                            </i>
                            <a target="_blank" href="http://www.aliyun.com/product/mss&nbsp;" class="desc-li-txt">
                              安骑士推出云托管服务&nbsp;
                            </a>
                          </li>
                          <li>
                            <i class="list-style">
                              ●
                            </i>
                            <a target="_blank" href="http://www.aliyun.com/product/ats&nbsp;" class="desc-li-txt">
                              DDoS推出专家服务&nbsp;
                            </a>
                          </li>
                          <li>
                            <i class="list-style">
                              ●
                            </i>
                            <a target="_blank" href="http://blog.aliyun.com/2703&nbsp;" class="desc-li-txt">
                              应用防火墙接入恢复&nbsp;
                            </a>
                          </li>
                        </ul>
                      </div>
                    </div>
                  </div>
                  <!-- 模板三： -->
                  <!-- 模板一： -->
                  <div style="display: none;" class="item-sub manage-bg tpl1 product-bg-common common-header-clearfix" sidebar-type="manage">
                    <div class="menu-dropdown-bd menu-dropdown-split-line">
                      <div class="menu-dropdown-down-item">
                        <a href="http://www.aliyun.com/product/jiankong/">
                          <h4>
                            云监控
                          </h4>
                          <div class="desc">
                            指标监控与报警服务&nbsp;
                          </div>
                        </a>
                      </div>
                      <div class="menu-dropdown-down-item">
                        <a href="http://www.aliyun.com/product/ram/">
                          <h4>
                            访问控制（公测中）
                          </h4>
                          <div class="desc">
                            支持细粒度多纬度授权的访问控制服务&nbsp;
                          </div>
                        </a>
                      </div>
                      <div class="menu-dropdown-down-item">
                        <a href="http://www.aliyun.com/product/ros/">
                          <h4>
                            资源编排（公测中）
                          </h4>
                          <div class="desc">
                            批量创建、管理、配置云计算资源&nbsp;
                          </div>
                        </a>
                      </div>
                    </div>
                    <div class="menu-dropdown-bd">
                      <div class="menu-dropdown-down-item">
                        <h5 class="topic-hd">
                          最新特性
                        </h5>
                        <ul class="desc">
                          <li>
                            <i class="list-style">
                              ●
                            </i>
                            <a target="_blank" href="http://www.aliyun.com/product/ram/&nbsp;" class="desc-li-txt">
                              访问控制 RAM 开始公测&nbsp;
                            </a>
                          </li>
                        </ul>
                      </div>
                    </div>
                  </div>
                  <!-- 模板二： -->
                  <!-- 模板一： -->
                  <div style="display: none;" class="item-sub service-bg tpl1 product-bg-common common-header-clearfix" sidebar-type="service">
                    <div class="menu-dropdown-bd menu-dropdown-split-line">
                      <div class="menu-dropdown-down-item">
                        <a href="http://www.aliyun.com/product/sls/">
                          <h4>
                            日志服务（公测中）
                          </h4>
                          <div class="desc">
                            针对日志收集、存储、查询和分析的服务&nbsp;
                          </div>
                        </a>
                      </div>
                      <div class="menu-dropdown-down-item">
                        <a href="http://www.aliyun.com/product/opensearch/">
                          <h4>
                            开放搜索
                          </h4>
                          <div class="desc">
                            结构化数据搜索托管服务&nbsp;
                          </div>
                        </a>
                      </div>
                      <div class="menu-dropdown-down-item">
                        <a href="http://www.aliyun.com/product/mts/">
                          <h4>
                            媒体转码
                          </h4>
                          <div class="desc">
                            为多媒体数据提供的转码计算服务&nbsp;
                          </div>
                        </a>
                      </div>
                      <div class="menu-dropdown-down-item">
                        <a href="http://www.aliyun.com/product/pts/">
                          <h4>
                            性能测试
                          </h4>
                          <div class="desc">
                            性能云测试平台，帮您轻松完成系统性能评估&nbsp;
                          </div>
                        </a>
                      </div>
                      <div class="menu-dropdown-down-item">
                        <a href="http://www.aliyun.com/product/directmail">
                          <h4>
                            邮件推送
                          </h4>
                          <div class="desc">
                            事务邮件、通知邮件、批量邮件的推送服务&nbsp;
                          </div>
                        </a>
                      </div>
                    </div>
                    <div class="menu-dropdown-bd">
                      <div class="menu-dropdown-down-item">
                        <h5 class="topic-hd">
                          最新特性
                        </h5>
                        <ul class="desc">
                          <li>
                            <i class="list-style">
                              ●
                            </i>
                            <a target="_blank" href="http://docs.aliyun.com/#/pub/pts/record-tool-guide/record-tool-guide&nbsp;" class="desc-li-txt">
                              性能测试性能脚本录制调试功能上线&nbsp;
                            </a>
                          </li>
                        </ul>
                      </div>
                    </div>
                  </div>
                  <!-- 模板二： -->
                  <!-- 模板一： -->
                  <div style="display: none;" class="item-sub middleware-bg tpl1 product-bg-common common-header-clearfix" sidebar-type="middleware">
                    <div class="menu-dropdown-bd menu-dropdown-split-line">
                      <div class="menu-dropdown-down-item">
                        <a href="http://www.aliyun.com/product/edas">
                          <h4>
                            企业级分布式应用服务 EDAS
                          </h4>
                          <div class="desc">
                            以应用为中心的中间件PaaS平台&nbsp;
                          </div>
                        </a>
                      </div>
                      <div class="menu-dropdown-down-item">
                        <a href="http://www.aliyun.com/product/ons/">
                          <h4>
                            消息队列（公测中）
                          </h4>
                          <div class="desc">
                            基于阿里开源消息中间件MetaQ的云消息产品&nbsp;
                          </div>
                        </a>
                      </div>
                      <div class="menu-dropdown-down-item">
                        <a href="http://www.aliyun.com/product/drds/">
                          <h4>
                            分布式关系型数据库服务 DRDS
                          </h4>
                          <div class="desc">
                            水平拆分/读写分离的在线分布式数据库服务&nbsp;
                          </div>
                        </a>
                      </div>
                    </div>
                    <div class="menu-dropdown-bd">
                      <div class="menu-dropdown-down-item">
                        <h5 class="topic-hd">
                          最新特性
                        </h5>
                        <ul class="desc">
                          <li>
                            <i class="list-style">
                              ●
                            </i>
                            <a target="_blank" href="http://onsteam.oss-cn-hangzhou.aliyuncs.com/ALIYUN_ONS_USER_GUIDE.pdf&nbsp;" class="desc-li-txt">
                              消息队列mqtt功能公测&nbsp;
                            </a>
                          </li>
                          <li>
                            <i class="list-style">
                              ●
                            </i>
                            <a target="_blank" href="http://bbs.aliyun.com/read/247144.html&nbsp;" class="desc-li-txt">
                              消息队列新功能推广&nbsp;
                            </a>
                          </li>
                        </ul>
                      </div>
                    </div>
                  </div>
                  <!-- 模板二： -->
                  <!-- 模板一： -->
                  <div style="display: none;" class="item-sub mobileservice-bg tpl1 product-bg-common common-header-clearfix" sidebar-type="mobileservice">
                    <div class="menu-dropdown-bd menu-dropdown-split-line">
                      <div class="menu-dropdown-down-item">
                        <a href="http://www.aliyun.com/product/man">
                          <h4>
                            移动数据分析（公测中）
                          </h4>
                          <div class="desc">
                            移动应用数据采集、分析、展示和数据输出服务&nbsp;
                          </div>
                        </a>
                      </div>
                      <div class="menu-dropdown-down-item">
                        <a href="http://www.aliyun.com/product/cps">
                          <h4>
                            移动推送（公测中）
                          </h4>
                          <div class="desc">
                            移动应用通知与消息推送服务&nbsp;
                          </div>
                        </a>
                      </div>
                    </div>
                    <div class="menu-dropdown-bd">
                      <div class="menu-dropdown-down-item">
                        <h5 class="topic-hd">
                          最新特性
                        </h5>
                        <ul class="desc">
                          <li>
                            <i class="list-style">
                              ●
                            </i>
                            <a target="_blank" href="http://www.aliyun.com/product/man&nbsp;" class="desc-li-txt">
                              移动数据分析上线公测&nbsp;
                            </a>
                          </li>
                          <li>
                            <i class="list-style">
                              ●
                            </i>
                            <a target="_blank" href="http://www.aliyun.com/product/cps&nbsp;" class="desc-li-txt">
                              移动推送上线公测&nbsp;
                            </a>
                          </li>
                        </ul>
                      </div>
                    </div>
                  </div>
                  <!-- 模板二： -->
                  <!-- 模板一： -->
                  <div class="item-sub domain-bg product-bg-common tpl3" sidebar-type="domain" style="display:none;">
                    <div class="item-sub-hd common-header-clearfix">
                      <div class="menu-dropdown-down-item ">
                        <h4>
                          <a href="http://wanwang.aliyun.com/domain/">
                            域名注册
                          </a>
                        </h4>
                        <div class="item-name domain-regist-item">
                          <a href="http://wanwang.aliyun.com/domain/com/">
                            .com
                          </a>
                          <a href="http://wanwang.aliyun.com/domain/newgtld/?#.wang">
                            .wang
                            <span class="is-new">
                            <img src="./images/TB1afqGGpXXXXcEXVXX5ujgGFXX-39-20.png" width="20" height="10">
                          </span>
                          </a>
                          <a href="http://wanwang.aliyun.com/domain/cn/">
                            .cn
                          </a>
                          <a href="http://wanwang.aliyun.com/domain/newgtld/?#.top">
                            .top
                            <span class="is-new">
                            <img src="./images/TB1afqGGpXXXXcEXVXX5ujgGFXX-39-20.png" width="20" height="10">
                          </span>
                          </a>
                          <a href="http://wanwang.aliyun.com/domain/net/">
                            .net
                          </a>
                          <a href="http://wanwang.aliyun.com/domain/newgtld/?#.xyz">
                            .xyz
                          </a>
                        </div>
                        <div class="menu-dropdown-down-item-ft domain-more">
                          <a href="http://wanwang.aliyun.com/domain/">
                            更多域名选择&gt;&gt;
                          </a>
                        </div>
                      </div>
                      <div class="menu-dropdown-down-item ">
                        <h4>
                          <a href="http://wanwang.aliyun.com/domain/#3">
                            域名转入与交易
                          </a>
                        </h4>
                        <div class="item-name domain-exchange-item">
                          <a href="http://wanwang.aliyun.com/domain/transfer/">
                            域名转入
                          </a>
                          <a href="http://tdomain.aliyun.com/taodomainmarket/home">
                            淘域名市场
                          </a>
                          <a href="http://wanwang.aliyun.com/domain/apricequeries/">
                            一口价二手域名
                          </a>
                        </div>
                      </div>
                    </div>
                    <div class="tpl3-split-line">
                    </div>
                    <div class="item-sub-ft common-header-clearfix">
                      <div class="menu-dropdown-down-item">
                        <a href="http://wanwang.aliyun.com/hosting/">
                          <h4>
                            云虚拟主机
                          </h4>
                          <div class="desc">
                            建站主机，环境预装
                          </div>
                        </a>
                      </div>
                      <div class="menu-dropdown-down-item">
                        <a href="http://wanwang.aliyun.com/hosting/elastic/">
                          <h4>
                            弹性Web托管（弹性虚机）
                          </h4>
                          <div class="desc">
                            新一代虚机，独享内存，高性价比
                          </div>
                        </a>
                      </div>
                      <div class="menu-dropdown-down-item">
                        <a href="http://wanwang.aliyun.com/domain/dns/">
                          <h4>
                            云解析
                          </h4>
                          <div class="desc">
                            域名解析，安全、稳定、极速、开放
                          </div>
                        </a>
                      </div>
                      <div class="menu-dropdown-down-item">
                        <a href="http://wanwang.aliyun.com/mail/">
                          <h4>
                            云邮箱
                          </h4>
                          <div class="desc">
                            极速、安全、多端，办公协同新体验
                          </div>
                        </a>
                      </div>
                      <div class="menu-dropdown-down-item">
                        <a href="http://market.aliyun.com/jianzhan/">
                          <h4>
                            企业建站
                          </h4>
                          <div class="desc">
                            海量模板与定制网站任您选
                          </div>
                        </a>
                      </div>
                    </div>
                  </div>
                  <!-- 模板一： -->
                </div>
              </div>
            </div>
          </li>
          <li class="top-menu-item" has-dropdown="false" menu-type="">
            <a target="#" class="menu-hd top-menu-item-link" data-spm-click="gostr=/aliyun;locaid=d20145" href="#">
              控制台
            </a>
          </li>
        </ul>
        <ul class="nav navbar-nav pull-right">
          <li class="li-border">
            <a href="#" class="mystyle-color">
              <span class="glyphicon glyphicon-bell"></span>
              <span class="topbar-num">0</span>
            </a>
          </li>
          <li class="li-border dropdown"><a href="#" class="mystyle-color" data-toggle="dropdown">
            <span class="glyphicon glyphicon-search"></span> 搜索</a>
            <div class="dropdown-menu search-dropdown">
              <div class="input-group">
                <input type="text" class="form-control">
                <span class="input-group-btn">
                   <button type="button" class="btn btn-default">搜索</button>
                </span>
              </div>
            </div>
          </li>
          <li class="dropdown li-border"><a href="#" class="dropdown-toggle mystyle-color" data-toggle="dropdown">帮助与文档<span class="caret"></span></a>
            <ul class="dropdown-menu">
              <li><a href="#">帮助与文档</a></li>
              <li class="divider"></li>
              <li><a href="#">论坛11</a></li>
              <li class="divider"></li>
              <li><a href="#">博客11</a></li>
            </ul>
          </li>
          <li class="dropdown li-border"><a href="#" class="dropdown-toggle mystyle-color" data-toggle="dropdown">${loginUser.username}<span class="caret"></span></a>
            <ul class="dropdown-menu">
              <li><a href="${basePath}/admin/logout">退出</a></li>
            </ul>
          </li>
          <li class="dropdown"><a href="#" class="dropdown-toggle mystyle-color" data-toggle="dropdown">换肤<span class="caret"></span></a>
            <ul class="dropdown-menu changecolor">
              <li id="blue"><a href="#">蓝色</a></li>
              <li class="divider"></li>
              <li id="green"><a href="#">绿色</a></li>
              <li class="divider"></li>
              <li id="orange"><a href="#">橙色</a></li>
            </ul>
          </li>
        </ul>
      </div>
    </div>

  </div>
</nav>

